﻿<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="Bookmark" href="favicon.ico" >
<link rel="Shortcut Icon" href="favicon.ico" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="../static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="../lib/Hui-iconfont/1.0.7/iconfont.css" />
<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/style.css" />
<!--[if IE 6]>
<script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>test</title>
<!-- <#include "../../tpl/res_css.tpl" /> -->

<meta name="keywords" content="">
<meta name="description" content="">
<style type="text/css">
/******************************************/
		
		#page-tab-content{height: 32px;width:100000px;overflow:hidden}
		
		#menu-list{float:left}
		#menu-list a{
			float:left;position:relative;margin-right:5px;border-top-left-radius:3px;border-top-right-radius:3px;text-decoration:none;
			padding:0 20px 0 20px;border:1px solid #f1f0f0;color:#999;font-size:12px;cursor:pointer;transition:background-color .5s;
			-moz-transition:background-color .5s;-webkit-transition:background-color .5s;-o-transition:background-color .5s;width:128px;
			white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
		}
		#menu-list a:hover{background-color:#f1f0f0}
		#menu-list a.active{
			background:#f5f6fa;transition:color .5s;-moz-transition:color .5s;-webkit-transition:color .5s;-o-transition:color .5s;font-weight:bolder;
			transition:background-color .5s;-moz-transition:background-color .5s;-webkit-transition:background-color .5s;-o-transition:background-color .5s
		}
		/* #page-tab #menu-list a.active:hover{color:#fff} */
		.menu-close{width:15px;height:15px;display:block;position:absolute;right:4px;top:6px;background:url(images/icon_close_normal.png) no-repeat center center;background-size:8px;}
		#page-content{width:100%;height:calc(100% - 33px);overflow-y:auto}
		#page-content .iframe-content{width:100%;height:100%;border:0;display:none}
		#page-content .active{display:block}
		.warning-tip{position:absolute;top:40%;left:48%;background:white;border:1px solid gray;border-radius:4px;padding:10px;box-shadow:0px 0px 60px rgba(0,0,0,0.1);display:none}
    	.homehome0820{display:none;}
    	.leftMenu ul li span:hover{color:black;font-weight:bold}
   .personArea:hover{}
</style>
</head>
<body>
<header class="navbar-wrapper">
	<div class="navbar navbar-fixed-top">
		<div class="container-fluid cl"> <a class="logo navbar-logo f-l mr-10 hidden-xs" href="/aboutHui.shtml">管理平台</a> <a class="logo navbar-logo-m f-l mr-10 visible-xs" href="/aboutHui.shtml">H-ui</a> <span class="logo navbar-slogan f-l mr-10 hidden-xs">v3.0</span> <a aria-hidden="false" class="nav-toggle Hui-iconfont visible-xs" href="javascript:;">&#xe667;</a>
			<nav id="Hui-userbar" class="nav navbar-nav navbar-userbar hidden-xs">
				<ul class="cl">
					<li>超级管理员</li>
					<!-- <li class="dropDown dropDown_hover"> <a href="#" class="dropDown_A">admin <i class="Hui-iconfont">&#xe6d5;</i></a>
						<ul class="dropDown-menu menu radius box-shadow">
							<li><a href="javascript:;" onClick="myselfinfo()">个人信息</a></li>
							<li><a href="#">切换账户</a></li>
							<li><a href="#">退出</a></li>
						</ul>
					</li> -->
					<!-- <li id="Hui-msg"> <a href="#" title="消息"><span class="badge badge-danger">1</span><i class="Hui-iconfont" style="font-size:18px">&#xe68a;</i></a> </li> -->
					<li id="Hui-skin" class="dropDown right dropDown_hover"> <a href="javascript:;" class="dropDown_A" title="换肤"><i class="Hui-iconfont" style="font-size:18px">&#xe62a;</i></a>
						<ul class="dropDown-menu menu radius box-shadow">
							<li><a href="javascript:;" data-val="default" title="默认（黑色）">默认（黑色）</a></li>
							<li><a href="javascript:;" data-val="blue" title="蓝色">蓝色</a></li>
							<li><a href="javascript:;" data-val="green" title="绿色">绿色</a></li>
							<li><a href="javascript:;" data-val="red" title="红色">红色</a></li>
							<li><a href="javascript:;" data-val="yellow" title="黄色">黄色</a></li>
							<li><a href="javascript:;" data-val="orange" title="橙色">橙色</a></li>
						</ul>
					</li>
				</ul>
			</nav>
		</div>
	</div>
</header>
<!--_menu 作为公共模版分离出去-->
<aside class="Hui-aside">
	<div class="menu_dropdown bk_2" id="J_leftMenu">
		<dl id="menu-article">
			<dt><i class="Hui-iconfont">&#xe616;</i> 公司管理<i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
			<dd>
				<ul>
					<li><a href="../cltweb/company/companyMana.html" url="../cltweb/company/companyMana.html" title="公司管理">公司列表</a></li>
		</ul>
	</dd>
</dl>
		<dl id="menu-picture">
			<dt><i class="Hui-iconfont">&#xe613;</i> 人员管理<i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
			<dd>
				<ul>
					<li><a href="../cltweb/personnel/personnelMana.html" url="../cltweb/personnel/personnelMana.html" title="人员管理">人员列表</a></li>
		</ul>
	</dd>
</dl>
		<dl id="menu-product">
			<dt><i class="Hui-iconfont">&#xe620;</i> 产品管理<i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
			<dd>
				<ul>
					<li><a href="../cltweb/product/productMana.html" url="../cltweb/product/productMana.html" title="产品管理">产品列表</a></li>
		</ul>
	</dd>
</dl>
		<dl id="menu-comments">
			<dt><i class="Hui-iconfont">&#xe622;</i> 新闻管理<i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
			<dd>
				<ul>
					<li><a href="../cltweb/news/newsMana.html" url="../cltweb/news/newsMana.html" title="新闻管理">新闻列表</a></li>
		</ul>
	</dd>
</dl>
		<dl id="menu-comments">
			<dt><i class="Hui-iconfont">&#xe622;</i> 项目管理<i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
			<dd>
				<ul>
					<li><a href="../cltweb/invest/investMana.html" url="../cltweb/invest/investMana.html" title="项目管理">项目列表</a></li>
				</ul>
			</dd>
		</dl>
		<dl id="menu-member">
			<dt><i class="Hui-iconfont">&#xe60d;</i> 会议管理<i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
			<dd>
				<ul>
					<li><a href="../cltweb/meet/meetMana.html" url="../cltweb/meet/meetMana.html" title="会议管理">会议列表</a></li>
				</ul>
			</dd>
		</dl>
		<dl id="menu-member">
			<dt><i class="Hui-iconfont">&#xe60d;</i> 招聘管理<i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
			<dd>
				<ul>
					<li><a href="../cltweb/recruit/recruitMana.html" url="../cltweb/recruit/recruitMana.html" title="招聘管理">招聘列表</a></li>
				</ul>
			</dd>
		</dl>
		<dl id="menu-member">
			<dt><i class="Hui-iconfont">&#xe60d;</i> 报名管理<i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
			<dd>
				<ul>
					<li><a href="../cltweb/enroll/enrollMana.html" url="../cltweb/enroll/enrollMana.html" title="报名管理">报名列表</a></li>
				</ul>
			</dd>
		</dl>
		<dl id="menu-member">
			<dt><i class="Hui-iconfont">&#xe60d;</i> 轮播图管理<i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
			<dd>
				<ul>
					<li><a href="../cltweb/titleImg/titleImgMana.html" url="../cltweb/titleImg/titleImgMana.html" title="轮播图管理">轮播图列表</a></li>
				</ul>
			</dd>
		</dl>
</div>
</aside>
<div class="dislpayArrow hidden-xs"><a class="pngfix" href="javascript:void(0);" onClick="displaynavbar(this)"></a></div>
<!--/_menu 作为公共模版分离出去-->

<section class="Hui-article-box">
	<nav class="breadcrumb" id="page-tab-content">	
		<div id="menu-list"></div>
	</nav>
 	<div class="Hui-article">
	    <div id="page-content">	        
	    </div>
    </div>
</section>

<script src="../jquery/1.9.1/jquery.js"></script>
<script type="text/javascript" src="../lib/layer/2.1/layer.js"></script>
<script type="text/javascript" src="../static/h-ui/js/H-ui.js"></script> 
<script type="text/javascript" src="../static/h-ui.admin/js/H-ui.admin.page.js"></script> 
<script type="text/javascript">
$("#J_leftMenu ul li a").on('click',function(){
	var linkUrl = this.href;
    var linkHtml = $(this).text();
    var selDom = $("#menu-list a[data-url='" + linkUrl + "'][data-value='" + linkHtml + "']");
    if (selDom.length === 0) {
        var iel = $("<i>", {
            "class": "menu-close"
        }).bind("click", closemenu);
        $("<a>", {
            "html": linkHtml,
            "href": "javascript:void(0);",
            "data-url": linkUrl,
            "data-value": linkHtml,
            "title":linkHtml
        }).bind("click",function(){
                var jthis = $(this);
                linkframe(jthis.data("url"), jthis.data("value"))            
        }).append(iel).appendTo("#menu-list"); 
        $("<iframe>", {
            "class": "iframe-content",
            "data-url": linkUrl,
            "data-value": linkHtml,
            src: linkUrl
        }).appendTo("#page-content");        
    }else{
    	 $('#menu-list a').each(function(){
             if($(this).data('value')==linkHtml){
                 $(this).trigger('click');
                  $(".rotateImg").css({
	                    'transform': 'rotate(0deg)',
	                    '-webkit-transform': 'rotate(0deg)',
	                    '-moz-transform': 'rotate(0deg)',
	                    '-o-transform': 'rotate(0deg)',
	                    '-ms-transform': 'rotate(0deg)'
	                })
                 return false
             }else if($('#menu-list a:last-child').data('value')==linkHtml){
                 return false
             }
         })
    }
    linkframe(linkUrl, linkHtml);
    return false;
});

function closemenu(event){
    	if($('#menu-list a').length==1){
    		$('.warning-tip').show().delay(1600).hide(0)
    	}else{
    		$(this.parentElement).animate({
                "width": "0",
                "padding": "0"
            },
            0,
            function() {
                var jthis = $(this);
                if (jthis.hasClass("active")) {
                    var linext = jthis.next();
                    if (linext.length > 0) {
                        linext.trigger('click');
                    } else {
                        var liprev = jthis.prev();
                        if (liprev.length > 0) {
                            liprev[0].click();
                        }
                    }
                }
                jthis.remove();
                closemove(jthis)
                tab_num--
                /*$("#menu-all-ul li:last-child").remove()*/
                $("#menu-all-ul li").eq(0).remove()
                $("#menu-all-ul  li[data-value='" + jthis.data("value") + "']").remove()
                $("#page-content .iframe-content[data-url='" + jthis.data("url") + "'][data-value='" + jthis.data("value") + "']").remove()
            });
            event.stopPropagation()
    	}
    }
    function createmove() {
        var nav = $("#menu-list");
        var wwidth = parseInt($("#page-tab").width());
        var navwidth = parseInt(nav.width());
        var navmarginleft = parseInt(nav.css('margin-left'))
        if (wwidth - operationWidth < navwidth) {                                                                                                           
            nav.css({
            	"margin-left": (navmarginleft - 175) + "px"
            })
            creatmenu()
        }
    }
    function creatmenu (){       	
   	 var $newLi = $("<li>", {
            "html": $("#menu-list  a").eq(tab_num).text(),
            "title":$("#menu-list  a").eq(tab_num).text(),
            "data-url": $("#menu-list a").eq(tab_num).attr("data-url"),
            "data-value": $("#menu-list a").eq(tab_num).attr("data-value")
        }).bind("click", function(event) {
            var jthis = $(this);
            linkframe(jthis.data("url"), jthis.data("value"));
            movebehind(jthis)
            $("#menu-all").hide();
            $(".rotateImg").css({
                'transform': 'rotate(0deg)',
                '-webkit-transform': 'rotate(0deg)',
                '-moz-transform': 'rotate(0deg)',
                '-o-transform': 'rotate(0deg)',
                '-ms-transform': 'rotate(0deg)'
            })
            event.stopPropagation()
        });
        if($("#menu-all-ul li").length == 0){
            $newLi.appendTo("#menu-all-ul");
        }else{
            $newLi.appendTo("#menu-all-ul");
            $("#menu-all-ul li").eq(0).before($newLi)
        }
       tab_num++;            
   }
    function linkframe (url, value) {
        $("#menu-list a.active").removeClass("active");
        $("#menu-list a[data-url='" + url + "'][data-value='" + value + "']").addClass("active");
        $("#page-content iframe.active").removeClass("active");
        $("#page-content .iframe-content[data-url='" + url + "'][data-value='" + value + "']").addClass("active");
    }
</script>
</body>
</html>